<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>用户信息</title>
    <%@include file="/WEB-INF/pages/common/taglib.jsp" %>
    <%@include file="/WEB-INF/pages/common/common.jsp" %>
    <script type="text/javascript" src="${basePath}/resources/js/jquery.cxselect.js"></script>
</head>
<body>
<div style="margin-bottom: 30px">
    <div class="header_line">
        当前位置：备案管理<span>&gt;</span><strong>申报主体备案</strong>
    </div>
    <div class="mt10"></div>
    <form id="form_data">
        <table class="table_detail">
            <tr class="tr_header">
                <td colspan="4">&nbsp;&nbsp;申报主体基本信息</td>
            </tr>
            <tr>
                <td class="width30p"><label>备案主体:</label></td>
                <td class="width35p" colspan="3">
                    <label for="qiye" style="margin-left: 15px;"><input id="qiye" type="radio" name="">企业</label>
                    <label for="geren"><input id="geren" type="radio" name="">个人</label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>申报主体名称:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text" name="name"/></label>当备案主体为个人时，此处填写姓名
                </td>
                <td class="width30p"><label><em>*</em>业务类型:</label></td>
                <td class="width35p">
                    <label for="chukou" style="margin-left: 15px;">
                        <input id="chukou" type="checkbox" name="">出口</label>
                    <label for="jinkou"><input id="jinkou" type="checkbox" name="">进口</label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>进出口现场:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <label for="xiasha"><input id="xiasha" type="checkbox" name="">下沙跨境产业园</label>
                        <label for="xiacheng"><input id="xiacheng" type="checkbox" name="">下城跨境产业园</label>
                        <label for="xiaoshan"><input id="xiaoshan" type="checkbox" name="">萧山跨境产业园</label>
                        <label for="jichang"><input id="jichang" type="checkbox" name="">机场海关 </label>
                    </label>
                </td>
                <td class="width30p"><label><em>*</em>申报主体注册地:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <select>
                            <option>境内</option>
                            <option>境外</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>业务模式:</label></td>
                <td class="width35p" colspan="3">
                    <label style="margin-left: 15px;">
                        <label><input type="checkbox" name="">一般出口</label>
                        <label><input type="checkbox" name="">保税出口</label>
                        <label><input type="checkbox" name="">一般进口</label>
                        <label><input type="checkbox" name="">保税进口 </label>
                    </label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>申报主体类型:</label></td>
                <td class="width35p" colspan="3">
                    <label style="margin-left: 15px;">
                        <label><input type="checkbox" name="">电商平台</label>
                        <label><input type="checkbox" name="">电商企业</label>
                        <label><input type="checkbox" name="">国内物流</label>
                        <label><input type="checkbox" name="">国际物流</label>
                        <label><input type="checkbox" name="">支付企业</label>
                        <label><input type="checkbox" name="">仓储企业</label>
                        <label><input type="checkbox" name="">外贸代理企业</label>
                        <label><input type="checkbox" name="">报检企业</label>
                        <label><input type="checkbox" name="">报关企业<span style="color: #acacac">(出口清单或进口个人物品申报单的申报主体请勾选此身份)</span></label>
                    </label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>国家地区:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <select>
                            <option selected="selected" value="">请选择</option>
                            <option value="313">阿尔巴尼亚</option>
                            <option value="201">阿尔及利亚</option>
                            <option value="101">阿富汗</option>
                            <option value="402">阿根廷</option>
                            <option value="138">阿联酋</option>
                            <option value="403">阿鲁巴</option>
                            <option value="126">阿曼</option>
                            <option value="339">阿塞拜疆</option>
                            <option value="215">埃及</option>
                            <option value="217">埃塞俄比亚</option>
                            <option value="306">爱尔兰</option>
                            <option value="334">爱沙尼亚</option>
                        </select>
                    </label>
                </td>
                <td class="width30p"><label><em>*</em>组织机构代码:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"/></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>纳税人性质:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <select>
                            <option>请选择</option>
                            <option>一般纳税人</option>
                            <option>小规模纳税人</option>
                        </select>
                    </label>
                </td>
                <td class="width30p"><label>纳税人识别号:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"/></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>注册资本:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <input type="text">
                        <select>
                            <option selected="selected" value="">请选择</option>
                            <option value="601">澳大利亚元</option>
                            <option value="121">澳门元</option>
                            <option value="127">巴基斯坦卢比</option>
                            <option value="302">丹麦克朗</option>
                            <option value="129">菲律宾比索</option>
                            <option value="110">港元</option>
                            <option value="133">韩国圆</option>
                            <option value="398">记帐瑞士法郎</option>
                            <option value="501">加拿大元</option>
                            <option value="118">科威特第纳尔</option>
                            <option value="122">马来西亚林吉特</option>
                            <option value="502">美元</option>
                            <option value="326">挪威克朗</option>
                            <option value="300">欧元</option>
                            <option value="142">人民币</option>
                            <option value="116">日本元</option>
                            <option value="330">瑞典克朗</option>
                            <option value="331">瑞士法郎</option>
                            <option value="143">台湾元</option>
                            <option value="136">泰国铢</option>
                            <option value="132">新加坡元</option>
                            <option value="609">新西兰元</option>
                            <option value="113">伊朗里亚尔</option>
                            <option value="303">英镑</option>
                        </select>
                    </label>
                </td>
                <td class="width30p"><label>投资总额:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <input type="text">
                        <select>
                            <option selected="selected" value="">请选择</option>
                            <option value="601">澳大利亚元</option>
                            <option value="121">澳门元</option>
                            <option value="127">巴基斯坦卢比</option>
                            <option value="302">丹麦克朗</option>
                            <option value="129">菲律宾比索</option>
                            <option value="110">港元</option>
                            <option value="133">韩国圆</option>
                            <option value="398">记帐瑞士法郎</option>
                            <option value="501">加拿大元</option>
                            <option value="118">科威特第纳尔</option>
                            <option value="122">马来西亚林吉特</option>
                            <option value="502">美元</option>
                            <option value="326">挪威克朗</option>
                            <option value="300">欧元</option>
                            <option value="142">人民币</option>
                            <option value="116">日本元</option>
                            <option value="330">瑞典克朗</option>
                            <option value="331">瑞士法郎</option>
                            <option value="143">台湾元</option>
                            <option value="136">泰国铢</option>
                            <option value="132">新加坡元</option>
                            <option value="609">新西兰元</option>
                            <option value="113">伊朗里亚尔</option>
                            <option value="303">英镑</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>海关10位编码:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
                <td class="width30p"><label><em>*</em>法人:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>联系人:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
                <td class="width30p"><label><em>*</em>联系电话:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>网站地址:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
                <td class="width30p"><label>Email:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>传真号码:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
                <td class="width30p"><label>邮政编码:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>申报主体地址:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;" id="element_id">
                        <select class="province">
                        </select>
                        省
                        <select class="city" data-value="请选择">
                            <option selected>请选择</option>
                        </select>
                        市
                        <select class="area" data-value="请选择">
                            <option selected>请选择</option>
                        </select>
                        区
                        <input type="text">
                    </label>
                </td>
                <td class="width30p"><label><em>*</em>经营范围:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="text"></label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>所属平台:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;">
                        <input type="text">
                        <button style="height: 25px;line-height:25px">选择</button>
                    </label>
                </td>
                <td class="width30p"><label>委托声明:</label></td>
                <td class="width35p">
                    <label style="margin-left: 15px;"><input type="checkbox" checked>我已阅读并同意本平台服务条款</label>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label><em>*</em>申报主体介绍:</label></td>
                <td class="width35p" colspan="3">
                    <label style="margin-left: 15px;">
                        <textarea style="width: 80%;margin-top: 5px; border: 1px solid lightgray !important;"
                                  rows="5"></textarea>
                    </label>
                </td>
            </tr>
            <tr>
                <td colspan="4">&nbsp;&nbsp;随附单证上传<span
                        style="color: #acacac">注：单证上传支持word、bmp、jpg格式，单个文件大小不超过2M</span></td>
            </tr>
            <tr>
                <td class="width30p"><label>工商营业执照</label></td>
                <td class="width35p" colspan="3">
                    <input type="file"/><span style="color: #acacac">注：境外企业请提交注册地或营业地的营业执照</span>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>税务登记证</label></td>
                <td class="width35p" colspan="3">
                    <input type="file"/>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>组织机构代码证</label></td>
                <td class="width35p" colspan="3">
                    <input type="file"/>
                </td>
            </tr>
            <tr>
                <td class="width30p"><label>电商平台管控措施</label></td>
                <td class="width35p" colspan="3">
                    <input type="file"/>

                    <div style="color: #acacac;margin-left: 15px">
                        注：提交国检管理所需的质量安全评估制度、上线产品审核机制、产品抽检制度、缺陷产品召回处置制度、产品流向溯源管理制度、不合格产品处置制度、消费者权益保护制度、电商企业准入和退出机制等文件
                    </div>
                </td>
            </tr>
            <tr class="tr_button">
                <td colspan="4"><input type="button" value="申报"><input type="submit" value="保存">
                    <input type="button" value="返回"></td>
            </tr>
        </table>
    </form>
</div>
<script>
    $(function () {
        $("#form_data").validate({
            debug: false, //false表示验证通过后不要自动提交表单
            onkeyup: false, //表示关闭按键松开时候监听验证
            rules: {
                name: {
                    required: true
                }
            },
            messages: { //自定义错误信息，默认为英文，除了在这里配置以为，还可以通过配置文件进行配置
                name: {
                    required: "请输入姓名"
                }
            },
            //验证通过可以在这里做你想做的事情
            submitHandler: function (form) {
                form.submit();
            }
        });
    });

    jQuery.validator.addMethod("checkIdNo", function (value) {
        var reg = /^[0-9]{15,18}$/;
        if (reg.test(value)) {
            return true;
        }
        return false;
    }, "请输入15或18位身份证号码");

    $('#element_id').cxSelect({
        url: '${basePath}/json/cityData.json',
        selects: ['province', 'city', 'area'],
        nodata: 'none'
    });
</script>
</body>
</html>
